<div id="" class="formio-component formio-component-form  formio-component-label-hidden" ref="component">
  <div class="formio-form" ref="webform" novalidate>
    <div id="files" class="form-group has-feedback formio-component formio-component-file formio-component-files " ref="component">
      <label class="control-label " for="files-files">
        Files
      </label>
      <ul class="list-group list-group-striped">
        <li class="list-group-item list-group-header hidden-xs hidden-sm">
          <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-9"><strong>File Name</strong></div>
            <div class="col-md-2"><strong>Size</strong></div>
          </div>
        </li>
      </ul>
      <div class="fileSelector" ref="fileDrop">
        <i class="fa fa-cloud-upload"></i> Drop files to attach,
        or <a href="#" ref="fileBrowse" class="browse">browse</a>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="file" class="form-group has-feedback formio-component formio-component-file formio-component-file formio-component-multiple  formio-component-label-hidden" ref="component">
      <div>
      </div>
      <div class="fileSelector" ref="fileDrop">
        <i class="fa fa-cloud-upload"></i> Drop files to attach,
        or <a href="#" ref="fileBrowse" class="browse">browse</a>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="formField" class="form-group has-feedback formio-component formio-component-form formio-component-formField  formio-component-label-hidden" ref="component">
      <div id="formField" class="formio-component formio-component-form  formio-component-label-hidden" ref="component">
        <div class="formio-form" ref="webform" novalidate>
          <div id="email" class="form-group has-feedback formio-component formio-component-email formio-component-email " ref="component">
            <label class="control-label " for="email-email">
              Email
            </label>
            <div ref="element">
              <input ref="input" name="data[email]" type="email" class="form-control" lang="en" placeholder="Enter your email address" spellcheck="true" value="" id="email-email"></input>
            </div>
            <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
          </div>
          <div id="password" class="form-group has-feedback formio-component formio-component-password formio-component-password " ref="component">
            <label class="control-label " for="password-password">
              Password
            </label>
            <div ref="element">
              <input ref="input" name="data[password]" type="password" class="form-control" lang="en" placeholder="Enter your password." spellcheck="true" value="" id="password-password"></input>
            </div>
            <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
          </div>
          <div id="valid" class="form-group has-feedback formio-component formio-component-checkbox formio-component-valid  formio-component-label-hidden" ref="component">
            <div class="form-check checkbox">
              <label class=" form-check-label">
                <input ref="input" name="data[valid]" type="checkbox" class="form-check-input" lang="en" value="0" aria-required="false">
                </input>
              </label>
            </div>
            <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
          </div>
          <div id="submit" class="form-group has-feedback formio-component formio-component-button formio-component-submit  formio-hidden form-group" ref="component">
          </div>
        </div>
        <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="custom" class="form-group has-feedback formio-component formio-component-custom formio-component-custom  formio-component-label-hidden" ref="component">
      Unknown component: custom
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="submit" class="form-group has-feedback formio-component formio-component-button formio-component-submit  form-group" ref="component">
      <button ref="button" name="data[submit]" type="submit" class="btn btn-primary btn-md" lang="en">
        Submit
      </button>
      <div ref="buttonMessageContainer">
        <span class="help-block" ref="buttonMessage"></span>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
  </div>
  <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
</div>